<script>
export default {
  name: 'basicInfo',
  props: {
    detail: {
      type: Object
    }
  }
}
</script>

<template>
  <el-card shadow="never" class="basic-info" v-if="detail.truck&&detail.endAgency">
    <div slot="header" class="clearfix">
      <span>订单信息</span>
    </div>
    <el-row :gutter="20" justify="center">
      <el-col class="yjddrq" :span="6"><span>运输任务编号：</span><label>{{ detail.id }}</label></el-col>
      <el-col class="yjddrq" :span="6"><span>车牌号码：</span><label>{{ detail.truck.licensePlate }}</label></el-col>
      <el-col class="yjddrq" :span="6"><span>调度机构：</span><label>{{ detail.startAgency.name }}</label></el-col>
      <el-col class="yjddrq" :span="6"><span class="span1">起始地：</span><label>{{ detail.startAgency.name }}</label></el-col>
      <el-col class="yjddrq" :span="6"><span>目的地：</span><label>{{ detail.endAgency.name }}</label></el-col>
    </el-row>
  </el-card>
</template>

<style scoped lang="scss">
.yjddrq {
  float: left;
  color: #20232a;
  font-size: 14px;
  margin-top: 25px;
}

.yjddrq label {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #818693;
}
</style>
